// React 核心包
import React from 'react'
// 渲染 React 代码到页面上
import { createRoot } from 'react-dom/client'

// React.createElement
const wrap = (
  <React.Fragment>
    <h3 className='test'>框架/库</h3>
    {/* for 和 input 的 id 对应上，扩大点击区域 */}
    <label htmlFor='input1'>姓名</label>
    <input type='text' id='input1' />
    <ul>
      <li>vue</li>
      <li>react</li>
      <li>angular</li>
    </ul>
    {/* 没有内容，可以单标签闭合 */}
    <span className='test' />
  </React.Fragment>
)
// createRoot(渲染到哪儿).render(渲染谁)
createRoot(document.querySelector('#root')).render(wrap)
